.wzq :global {
    width: 100vw;
    height: 100vh;

    .grid {
        width: 95vw;
        height: 95vw;
        display: flex;
        flex-direction: column;
        margin: 10px auto;
        border: 1px solid #fff;
        box-sizing: border-box;
        background: rgba(248, 211, 0, 0.288);
        .line {
            width: 100%;
            flex: 1;
            display: flex;
            .cell {
                flex: 1;
                border: 1px solid #fff;
                box-sizing: border-box;
                position: relative;
                .piece {
                    width: 90%;
                    height: 90%;
                    position: absolute;
                    z-index: 9;
                    top: 55%;
                    left: 55%;
                    border-radius: 50%;

                    &.black {
                        background:radial-gradient(10px 10px at 15px 15px,#fff,#333);
                    }

                    &.white {
                        background:radial-gradient(15px 15px at 15px 15px,#fff,#e2e2e2);
                    }
                }
            }
        }
    }
}